import React, { Component } from 'react';
import styled from 'styled-components';
import Header from './components/Header';
import { Hero } from './components/Hero';
import { Section } from './components/Section';
import { Topic } from './components/Topic';
import { Talks } from './components/Talks';

const TalksTopicContainerLeft = styled.div`
  display: flex;
  flex-direction: row;
  text-align:right;

  &:nth-child(odd) {
    flex-direction: row-reverse;
  }
`;
const TalksTopicContainerRight = styled.div`
  display: inline-flex;
  flex-direction: row;

`;

class App extends Component {
  render() {
    return (
      <div className="App">
        <Header/>
        <Hero />
        <Topic title="SOBRE" >
          <Section ref="about" 
            title="SOBRE"
            paragraph={ 
              [
              "Dark.conf (Darkwaves Conference) é uma conferência de segurança da informação promovida pela comunidade Darkwaves. Darkwaves é uma comunidade virtual que tem como objetivo debater assuntos referentes a segurança da informação em redes sem fio (RF) . Todos os trabalhos apresentados nesta conferência devem, de alguma forma, ter ligação com segurança em comunicações de redes sem fio.",
              "Esta será a segunda edição da Darkwaves Conference. E pela primeira vez teremos um tema. Para edição 2019, o tema é “Mulheres nas Telecomunicações”. Nossa equipe de colaboradores vem realizando pesquisas sobre a importância  das mulheres nas telecomunicações e incorporando o resultado na identidade visual e ambientalização do evento.  Assim como o início da campanha de divulgação do padre e inventor brasileiro, Roberto Landell de Moura. Um dos pioneiros da transmissão sem fio de áudio a longa distância. Patrono dos radioamadores brasileiros."
              ] 
            } 
            />
          <Section ref="targets"
            title="PUBLICO ALVO"
            paragraph={
              [
                "A Dark.conf  é direcionada para atores que estão por detrás dos equipamentos e os usuários finais.  Assim como: Alunos em processo de graduação, entusiastas, pesquisadores, curiosos e afins."
              ]
            }
            />

          <Section id="metodology"
            title="Metodologia"
            paragraph={
             [
                "A conferência é desenhada para acontecer em auditórios ou estabelecimentos do segmento de recepção e eventos. Preferencialmente em lugares neutros e instituições independentes.",
                "O tempo de duração do evento são de 4 (quatro) horas consecutivas, com 3 intervalos de vinte minutos para alimentação, networking e mini palestras. Proporcionando assim 4 (quatro) slots para palestras de 40 (quarenta) minutos, cada. E 3  (três) slots de 10 (dez) minutos para as palestras curtas. O horário de início desejado é às 13:00 (treze) horas, encerrando às 17 (dezessete) horas. Durante a execução do evento, é permitido que apoiadores e comunidades realizem atividades paralelas."
              ]
            }
            />
          </Topic>  
          <Section id="talks"
            title="CHAMADA DE PALESTRANTES"
            paragraph={
             [
              "Existem duas modalidade de palestras: Palestra Longa e Palestras curtas.",
              "As propostas de palestras deverão ser enviadas para o endereço de correio eletrônico darkconf(arroba)darkwaves.zone . Informações obrigatórias, tais como: Tipo da palestra, título da palestra, Nome(s) do(s) autor(es), resumo e mini currículo do(s) autor(es). Deverão estar presentes no corpo do e-mail ou em anexo no formato TXT. Qualquer.", "solicitação que não obedeça este padrão, será automaticamente descartada.", "Todos os trabalhos passarão por apreciação de uma banca formada por membros da organização do evento. Serão julgados fatores, tais como: Relevância do assunto e conteúdo prático. Não serão aceitas submissões de palestras comerciais, assim como sobre produtos ou serviços.", 
              ]
            }
            />
          <Topic title="Atividades">
            
          </Topic>
          <Section id="activities"
            title="ATIVIDADES"
            paragraph={
             [
              "Capture de flag é um tipo de competição sobre segurança da informação e existem algumas modalidades. Para melhor referência, acesse o link https://ctftime.org/ctf-wtf/.",
              "A Dark.conf realiza uma forma diferente de CTF, intitulada CTW (CAPTURE THE WAVE). CTW é uma competição individual que envolve conhecimentos em segurança de redes sem fio, assim como uma diversa gama de conhecimentos variados. Apresentando vários desafios e formas de acesso, permitindo que pessoas com conhecimentos básicos, possam participar.",
              "O CTW é individual e precisa de inscrição para participar. A inscrição será realizada no ato do evento ou previamente em formulário via Internet. Será instalado no evento um equipamento de redes sem fio Wifi, padrão 802.11, para realização do CTW. A duração da atividade é igual ao tempo reservado para intervalos, equivalente a 110 minutos - 1.83 horas. No entanto, o CTW pode ser realizado pelo participante em tempo integral do evento, seis horas. Para evitar desvio de atenção, os participantes ativos em tempo integral no CPF, serão realocados nas últimas fileiras de cadeiras do auditório."
             ]
            }
            />
        <Section id="training"
          title="TREINAMENTO PRÁTICO - TRANSMISSOR E RECEPTOR"
          paragraph={
            [
              "Esta atividade é realizada, assim como o CTW, em paralelo com as apresentações. A organização do evento disponibilizará Kits GRATUITOS de montagem de transmissores e receptores FM. Assim como o material necessário para montagem e local. E sim, não se preocupe, teremos monitores para acompanhar o desenvolvimento desta tarefa.",
              "Os Kits são LIMITADOS e serão sorteados para os participantes presentes e interessados em participar. O KIT é composto por componentes eletrônicos simples e requer soldagem. Isso mesmo, você irá construir o seu receptor ou transmissor FM, do zero, DIY (Do it Yourself) ou como preferir, from scratch.",
              "Pretendemos dividir os sorteados em 3 grupos iguais de participantes, e temos a expectativa que você seja capaz de montar o seu KIT em 1 hora. Acreditamos que seja tempo suficiente para uma pessoa que nunca utilizou um ferro de solda, seja capaz de concluir a montagem.",
              "“ Fui sorteado e não quero montar no evento, prefiro levar e montar na minha casa. Pode ? “. NÃO !"
            ]
          }
           />
           
           <Topic title="Programação">
           <TalksTopicContainerLeft>
              <Talks 
                src="hero-image.jpg"
                title="Hackeando o ar"
                subtitle="Gerônimo Gerânio Gunior"
                paragraph="Lorem impsum dolor sit amet consecuteir adiscips notrum realizatuns noturnos simplos"
                />
           </TalksTopicContainerLeft>
           <TalksTopicContainerRight>
              <Talks 
              src="hero-image.jpg"
              title="Hackeando o ar"
              subtitle="Gerônimo Gerânio Gunior"
              paragraph="Lorem impsum dolor sit amet consecuteir adiscips notrum realizatuns noturnos simplos"
              />
           </TalksTopicContainerRight>
           <TalksTopicContainerLeft>
              <Talks 
              src="hero-image.jpg"
              title="Hackeando o ar"
              subtitle="Gerônimo Gerânio Gunior"
              paragraph="Lorem impsum dolor sit amet consecuteir adiscips notrum realizatuns noturnos simplos"
              />
           </TalksTopicContainerLeft>
            
           </Topic>
     </div>
    );
  }
}

export default App;
